<div class="row-r-t" *ngIf="objectName == 'Organization'">
  <div class="row-title">{{ TreeInfo.name }}</div>
  <div class="row-item">
    <label>法人代表：</label>
    <span>{{ TreeInfo.legalName }}</span>
  </div>
  <div class="row-item">
    <label>电话：</label>
    <span>{{ TreeInfo.phone }}</span>
  </div>
  <div class="row-item">
    <label>创建时间：</label>
    <span>{{ TreeInfo.createTime | date:'yyyy-MM-dd HH:mm' }}</span>
  </div>

  <div class="space"></div>

  <div class="btn-group">
    <button nz-button class="mt20 margin-r" (click)="showModal('personnel')">添加部门人员</button>
    <button nz-button class="mt20 mb20" (click)="showModal('department')">添加子集部门</button>
  </div>

  <div class="row-item">
    <button style="width:100%" nz-button [nzType]="'primary'" (click)="clickskip('/home/editorganization', 'up')">
      <i class="iconfont icon-edit-line"></i>
      编辑</button>
  </div>
</div>
<div class="row-r-t" *ngIf="objectName == 'Department'">
  <h2 class="row-title">{{ TreeInfo.name }}</h2>
  <div class="row-item">
    <label>部门id:</label>
    <span>{{ TreeInfo.id }}</span>
  </div>
  <div class="row-item">
    <label>负责人:</label>
    <span
      *ngIf="TreeInfo.leaderObj">{{ TreeInfo.leaderObj && TreeInfo.leaderObj.name }}({{ TreeInfo.leaderObj && TreeInfo.leaderObj.phone}})</span>
  </div>
  <div class="row-item">
    <label>创建时间:</label>
    <span>{{ TreeInfo.createTime | date:'yyyy-MM-dd HH:mm' }}</span>
  </div>
  <div class="row-item">
    <label>部门描述:</label>
    <span>{{ TreeInfo.description }}</span>
  </div>
  <div class="row-item">
    <label>部门类别:</label>
    <span>{{ TreeInfo.depType }}</span>
  </div>
  <div class="space"></div>

  <div class="btn-group">
    <button nz-button class="" (click)="showModal('department')">添加子级部门</button>
  </div>

  <div class="btn-group">
    <button nz-button class="" (click)="showModal('personnel')">添加部门人员</button>
  </div>

  <div class="btn-group">
    <button nz-button nzDanger [nzType]="'primary'" class="margin-r"
      (click)="clickdel(TreeInfo.id, TreeInfo.name, 'Department')">
      <i class="iconfont icon-delete-bin-5-line"></i>
      删除</button>
    <button nz-button [nzType]="'primary'" (click)="clickskip('/home/editDepartment', 'uplevel')">
      <i class="iconfont icon-edit-line"></i>
      编辑</button>
  </div>
</div>
<div class="row-r-t" *ngIf="objectName == 'User'">
  <div class="row-title">{{ UserInfo.name }}<span class="ml10">({{UserInfo.position}})</span></div>
  <div class="row-logo">
    <img [src]="UserInfo.headerPhoto">
  </div>
  <div class="row-item">
    <label>性别:</label>
    <span>{{ UserInfo.gender }}</span>
  </div>
  <div class="row-item">
    <label>身份证:</label>
    <span>{{ UserInfo.idCard }}</span>
  </div>
  <div class="row-item">
    <label>手机:</label>
    <span>{{ UserInfo.phone }}</span>
  </div>
  <div class="row-item">
    <label>所属部门:</label>
    <span>{{ UserInfo.depName || UserInfo.depType }}</span>
  </div>
  <div class="row-item">
    <label>登录账号:</label>
    <span>{{ UserInfo.employeeNo }}</span>
  </div>
  <div class="row-item">
    <label>创建时间:</label>
    <span>{{ UserInfo.createTime | date:'yyyy-MM-dd HH:mm' }}</span>
  </div>
  <div class="row-item">
    <label>角色:</label>
    <span>{{ UserInfo.rolesInfo }}</span>
  </div>
  <div class="space"></div>

  <div class="btn-group">
    <button nz-button (click)="showModal('jurisdiction')">人员权限</button>
  </div>

  <div class="btn-group">
    <button nz-button (click)="showModal('account')">修改账号信息</button>
  </div>

  <div class="btn-group">
    <button nz-button nzDanger [nzType]="'primary'" class="margin-r"
      (click)="clickdel(UserInfo.id, UserInfo.name, 'personnel')">
      <i class="iconfont icon-delete-bin-5-line"></i>
      删除</button>
    <button nz-button [nzType]="'primary'" (click)="clickskip('/home/editPersonnel', 'upUser')">
      <i class="iconfont icon-edit-fill"></i>
      编辑</button>
  </div>
</div>